@charset "utf-8";

html {
    color: #000;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{
    margin: 0;
    padding: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{
    display: block
}

audio,canvas,video {
    display: inline-block; *
display: inline; *
zoom: 1
}

body,button,input,select,textarea {
    font: 12px/ 1.5 tahoma, arial, "Hiragino Sans GB", \5b8b\4f53
}

input,select,textarea {
    font-size: 100%
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th {
    text-align: inherit
}

fieldset,img {
    border: 0
}

iframe {
    display: block
}

abbr,acronym {
    border: 0;
    font-variant: normal
}

del {
    text-decoration: line-through
}

address,caption,cite,code,dfn,em,th,var {
    font-style: normal;
    font-weight: 500
}

ol,ul {
    list-style: none
}

caption,th {
    text-align: left
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 500
}

q:before,q:after {
    content: ''
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

a:link {
    color: #08c
}

a:hover {
    color: #08c;
    text-decoration: underline
}

ins,a {
    text-decoration: none
}

.fn-clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

body .fn-hide {
    display: none
}

iframe,.iframe {
    border: 0;
    border: 0
}

.login {
    width: 220px;
    padding: 0 31px 0 33px;
    position: relative;
    overflow: hidden;
    border: 1px solid #a7a7a7
}

.login a {
    color: #08c
}

.login-modern {
    border: 1px solid transparent;
    background: rgba(0, 0, 0, .4);
    _background: 0;
    _border: 0;
    filter: progid : DXImageTransform.Microsoft.Gradient ( GradientType = 0,
    StartColorStr = '#66000000', EndColorStr = '#66000000' )
}

:root .login-modern {
    filter: progid : DXImageTransform.Microsoft.Gradient ( GradientType = 0,
    StartColorStr = '#00000000', EndColorStr = '#00000000' ) \9
}

.login-position {
    position: absolute;
    right: 200px;
    top: 150px;
}

.ui-form {
    font-size: 12px;
    line-height: 1.5;
    position: relative;
    zoom: 1
}

.ui-form,.ui-form * {
    list-style: none
}

.ui-form fieldset {
    border: 0;
    zoom: 1
}

.ui-form-title {
    font: 18px/ 28px tahoma, arial, "Hiragino Sans GB", "Microsoft Yahei",
    \5b8b\4f53;
    font-weight: 500;
    font-weight: bold\0; *
font-weight: 700;
    padding: 26px 0 16px;
    width: 100%;
    color: #4d4d4d
}

.login-modern .ui-form-title {
    color: #fff
}

.login-sso .ui-form-title {
    text-align: center
}

.ui-form-item:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    visibility: hidden
}

.ui-form-item {
    padding: 0 0 10px;
    zoom: 1;
    position: relative
}

.ui-form-item-30pd {
    padding-bottom: 28px
}

.ui-form-item input {
    vertical-align: middle
}

.ui-form-other {
    position: relative;
    line-height: 18px;
    padding-top: 7px;
    height: 18px;
    zoom: 1;
    _width: 100%;
    _overflow: hidden
}

.ui-form-other-fg {
    padding-top: 4px
}

.ui-form-other .textlink-ml20 {
    margin-left: 20px
}

.ui-form-other .forgot {
    position: absolute;
    right: 0;
    top: 5px
}

.ui-form-other .register {
    position: absolute;
    right: 0;
    top: 7px;
    font-size: 12px;
    color: #ff9800;
    font-weight: 700
}

.ui-form-explain {
    display: none;
    height: 0;
    overflow: hidden
}

.ui-form-text {
    position: relative;
    line-height: 18px;
    height: 18px;
    font-size: 14px;
    padding-bottom: 10px;
    color: #4d4d4d;
    zoom: 1
}

.login-modern .ui-form-text {
    color: #fff;
    zoom: 1
}

.sl-delect {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 7px;
    display: block;
    line-height: 20px;
    text-align: center;
    font-size: 18px;
    z-index: 2;
    background: #fff
}

.sl-delect .iconfont {
    width: 20px;
    height: 20px;
    font-size: 18px;
    color: #ababab;
    cursor: pointer;
    line-height: 20px
}

.sl-delect:hover .iconfont,.sl-delect-hover .iconfont {
    color: #6d6d6d
}

.login .ui-form .object-shim-class {
    display: inline-block;
    width: 177px;
    _width: 175px;
    height: 38px;
    border: 1px solid #a7a7a7
}

.login-modern .ui-form-item .object-shim-class {
    display: inline-block;
    border: 0;
    border: 1px solid #fff
}

.ui-form .object-shim-class .ui-input {
    _width: 155px
}

.ui-label {
    width: 39px;
    height: 38px;
    display: block;
    float: left;
    cursor: pointer
}

.login .ui-label {
    border-top: 1px solid #a7a7a7;
    border-bottom: 1px solid #a7a7a7;
    border-left: 1px solid #a7a7a7
}

.login .ui-label:hover {
    border-top: 1px solid #6d6d6d;
    border-bottom: 1px solid #6d6d6d;
    border-left: 1px solid #6d6d6d
}

.ui-label .ui-icon {
    width: 39px;
    height: 38px;
    display: block;
    text-indent: -9999em;
    overflow: hidden;
    background-color: #aaabab;
    background-image:
            url(../../images/icon1.png);
    background-repeat: no-repeat
}

.ui-label:hover .ui-icon,.ui-label-hover .ui-icon {
    cursor: pointer;
    background-color: #6d6d6d
}

.ui-icon-userDEF {
    background-position: -2px 5px
}

.ui-icon-securityON {
    background-position: -42px 5px
}

.ui-icon-securityOFF {
    background-position: -84px 5px
}

.ui-icon-securityERR {
    background-position: -250px 6px
}

.ui-icon-checkcodeT {
    background-position: -126px 5px
}

.ui-icon-checkcodeV {
    background-position: -167px 5px
}

.ui-input {
    float: left;
    position: relative;
    padding: 9px;
    line-height: 20px;
    height: 20px;
    color: #595959;
    font-size: 12px;
    vertical-align: middle; *
vertical-align: -5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none
}

.login .ui-input {
    border: 1px solid #a7a7a7
}

.login-modern .ui-input {
    border: 1px solid #fff
}

.ui-input-normal	{
    width: 159px;
    _width: 157px
}

.ui-input-checkcode {
    width: 69px
}

.ui-input:hover,.ui-input-hover {

}

.ui-input:focus,.ui-input-focus {
    outline-style: none;
    color: #595959
}

.ui-input[disabled] {
    background: #f2f2f2
}

.ui-input:disabled {
    background: #f2f2f2
}

.placeholder {
    color: #ccc
}

.ui-input:-ms-input-placeholder {
    color: #ccc
}

.login .textlink,.login .textlink:hover {
    color: #888;
    zoom: 1
}

.login-modern .textlink,.login-modern .textlink:hover {
    color: #fff;
    opacity: .6;
    filter: alpha(opacity = 60);
    zoom: 1
}

.ui-button * {
    margin: 0;
    padding: 0
}

.ui-button {
    display: block;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    width: 219px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    color: #fff; *
zoom: 1; *
overflow: visible;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    font-weight: 400;
    font-weight: bold\0; *
font-weight: 700;
    _font-weight: 700;
    background-color: #e66e1e;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa800),
    to(#e66e1e) );
    background: -moz-linear-gradient(top, #ffa800, #e66e1e);
    filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
    '#ffa800', endColorstr = '#e66e1e' );
    background: -o-linear-gradient(top, #FFA600, #FE9200);
    background: -ms-linear-gradient(top, #ffa800 0, #e66e1e 100%);
    background: linear-gradient(top, #ffa800, #e66e1e);
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

a.ui-button {
    color: #fff;
    width: 179px
}

.ui-button:hover,a.ui-button:hover {
    text-decoration: none;
    background-color: #f48f0d;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffb400),
    to(#f48f0d) );
    background: -moz-linear-gradient(top, #ffb400, #f48f0d);
    filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
    '#ffb400', endColorstr = '#f48f0d' );
    background: -o-linear-gradient(top, #FFB91C, #FFA700);
    background: -ms-linear-gradient(top, #ffb400 0, #f48f0d 100%);
    background: linear-gradient(top, #ffb400, #f48f0d)
}

.ui-button-disabled,a.ui-button-disabled,.ui-button-disabled:hover,a.ui-button-disabled:hover
{
    color: #999;
    background: #cacccd;
    filter: none;
    cursor: default;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .4);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.ui-form-text .icon-sso {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image:
            url(icon1.png);
    _background-image:
            url(icon2.png);
    background-repeat: no-repeat
}

.ui-form-text .icon-sso-taobao {
    background-position: -383px 1px
}

.ui-form-text .icon-sso-cbu,.ui-form-text .icon-sso-icbu {
    background-position: -383px -40px
}

.ui-form-text .icon-sso-aliyun,.ui-form-text .icon-sso-aliyunOS {
    background-position: -383px -20px
}

.ui-form-text .login-sso-username {
    color: #FF9700;
    word-break: break-all;
    word-wrap: break-word;
    font-size: 14px;
    font-weight: 700;
    padding-left: 20px
}

.hidden {
    display: none
}

html {
    background: 0
}

/**************** 第三方登陆 *****************/
.ui-form-other .login_text {
    float: left;
    font-size: 12px;
    color: #ff9800;
    font-weight: 700;
}

.ui-form-other .login_qq {
    display: block;
    float: left;
    margin-left:5px;
    height:16px;
    width:16px;
    background:url(../../images/oauth2/qq_logo.png);
}

.ui-form-other .login_baidu {
    display: block;
    float: left;
    margin-left:5px;
    height:16px;
    width:16px;
    background:url(../../images/oauth2/baidu_logo.png);
}

.ui-form-other .login_sina {
    display: block;
    float: left;
    margin-left:5px;
    height:16px;
    width:16px;
    background:url(../../images/oauth2/sina_logo.png);
}